// Crumb tabs

.crumbtabs {
  position: relative;
  margin-bottom: $crumbtabs-margin-bottom;
  padding-left: 0;
  list-style: none;
  border-bottom: $crumbtabs-border-bottom solid $crumbtabs-border-color-base;
  @include clearfix();
}

.crumbtab {
  float: left;

  > a {
    display: block;
    position: relative;
    margin-bottom: 0 - $crumbtabs-border-bottom;
    padding: $crumbtabs-tab-padding-y $crumbtabs-tab-padding-x;
    border-bottom: $crumbtabs-border-bottom solid $crumbtabs-border-color-base;
    font-size: $crumbtabs-tab-font-size;
    color: $crumbtabs-tab-color-base;
    line-height: $crumbtabs-tab-line-height;
    text-decoration: none;

    &:after {
      position: absolute;
      content: '';
      width: $crumbtabs-tab-delimit-width;
      height: $crumbtabs-tab-delimit-height;
      background-color: $crumbtabs-tab-delimit-bg;
      right: -1px;
      top: 50%;
      margin-top: - ($crumbtabs-tab-delimit-height / 2);
    }
  }

  > a:hover,
  &.active > a {
    color: $crumbtabs-tab-color-active;
    border-bottom-color: $crumbtabs-border-color-active;
  }
}